{{- /* 获取模板传来的变量 */ -}}
{{ $head :=. }}
<div class="header">
    <div class="menu-btn">
        <div class="menu"></div>
    </div>
    <h1 class="logo">
        <a href="/">
            <span>MYBLOG</span>
            <img src="/assets/img/logo.png">
        </a>
    </h1>
    <div class="nav">
        <a href="/" {{if eq $head.active "index"}}class="active"{{end}}>文章</a>
        <a href="/whisper" {{if eq $head.active "whisper"}}class="active"{{end}}>微语</a>
        <a href="/message" {{if eq $head.active "message"}}class="active"{{end}}>留言</a>
        <a href="/album" {{if eq $head.active "album"}}class="active"{{end}}>相册</a>
        <a href="/about" {{if eq $head.active "about"}}class="active"{{end}}>关于</a>
    </div>
    <ul class="layui-nav header-down-nav">
        <li class="layui-nav-item"><a href="http://demo.mxyhn.xyz:8020/cssthemes5/ccpt_12_cid/html/index.html"
                                      class="active">文章</a></li>
        <li class="layui-nav-item"><a href="http://demo.mxyhn.xyz:8020/cssthemes5/ccpt_12_cid/html/whisper.html">微语</a>
        </li>
        <li class="layui-nav-item"><a href="http://demo.mxyhn.xyz:8020/cssthemes5/ccpt_12_cid/html/leacots.html">留言</a>
        </li>
        <li class="layui-nav-item"><a href="http://demo.mxyhn.xyz:8020/cssthemes5/ccpt_12_cid/html/album.html">相册</a>
        </li>
        <li class="layui-nav-item"><a href="http://demo.mxyhn.xyz:8020/cssthemes5/ccpt_12_cid/html/about.html">关于</a>
        </li>
        <span class="layui-nav-bar"></span></ul>
    <p class="welcome-text">
        欢迎来到<span class="name">小明</span>的博客~
    </p>
</div>
